<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="theme-color">
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>分享家</title>
    <link rel="stylesheet" type="text/css" href="../lib/css/api.css"/>
    <link rel="stylesheet" type="text/css" href="../lib/css/mui.css"/>
    <link rel="stylesheet" href="../css/util.css">
    <script src="http://at.alicdn.com/t/font_371407_7omis3wrfr7tx1or.js"></script>
</head>

<link rel="stylesheet" href="../css/me.css">
<link rel="stylesheet" href="../css/index.css">
<body>

<main id="main">
    <div class="banner">
        <img class="bg-img" :src="info.photo">
        <div id="setting" class="setting-container" style="min-height: 40px">
            <!--<svg class="icon" aria-hidden="true" onclick="goPage('setting.html')">
                <use xlink:href="#icon-shezhi"></use>
            </svg>-->
        </div>
        <div class="btn-container avatar">
            <!-- onclick="goPage('user_center.html',{
                    data:{
                        id_verify:vm.role.id_verify
                    }
                })" -->
            <img :src="info.photo">
            <div class="user-name">
                <div class="name" v-text="info.nickName?info.nickName:''"></div>
                <div class="ren-zheng"
                     v-text="(info.phone_verify?info.phone_verify+' · ':'')+(info.id_verify?info.id_verify:'')"></div>
            </div>
        </div>
    </div>
    <section class="user-container">
        <div>
            <!-- 房客 -->
            <div class="btn-container" v-show="ROLE!=='1'">
                <div class="btn-group btn-group-line1">
                    <div onclick="goPage('add_check_in_person.html')">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-ruzhurenshu"></use>
                        </svg>
                        <span class="btn-title">常用入住人</span>
                        <span class="des" v-cloak>共{{info.people}}位入住人</span>
                    </div>
                    <div onclick="goPage('discount_coupon.html')">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-youhui"></use>
                        </svg>
                        <span class="btn-title">优惠券</span>
                        <span class="des" v-cloak>￥{{info.coupon}}</span>
                    </div>
                    <div onclick="goPage('my_credits.html')">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-jifen"></use>
                        </svg>
                        <span class="btn-title">积分</span>
                        <span class="des" v-cloak>{{info.point}}</span>
                    </div>
                </div>
                <div class="btn-group">
                    <div onclick="goPage('my_comment.html',{
                        data:{
                            role:'2'
                        }
                    })">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-dianping1"></use>
                        </svg>
                        <span class="btn-title">点评</span>
                        <span class="des" v-cloak>已发布{{info.commentCount}}条</span>
                    </div>
                    <!--<div>
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-fapiao"></use>
                        </svg>
                        <span class="btn-title">我的发票</span>
                        <span class="des" v-cloak>敬请期待</span>
                    </div>-->
                    <div onclick="goPage('trip_steward.html')">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-privatesteward"></use>
                        </svg>
                        <span class="btn-title">出行管家</span>
                        <span class="des" v-cloak>出行需求服务</span>
                    </div>
                    <div onclick="goPage('collect_house.html')">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-collect-o"></use>
                        </svg>
                        <span class="btn-title">收藏</span>
                        <span class="des" v-cloak>{{info.collect}}个房源</span>
                    </div>
                </div>
                <div class="btn-group">
                    <!--<div onclick="goPage('trip_steward.html')">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-privatesteward"></use>
                        </svg>
                        <span class="btn-title">出行管家</span>
                        <span class="des" v-cloak>出行需求服务</span>
                    </div>-->
                    <div onclick="goPage('tenant_guide.html')">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-zhinan1"></use>
                        </svg>
                        <span class="btn-title">房客指南</span>
                        <span class="des">新手请看这里</span>
                    </div>
                    <div onclick="contactService()">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-kefu1"></use>
                        </svg>
                        <span class="btn-title">联系客服</span>
                        <span class="des">400-1177178</span>
                    </div>
                </div>
                <!--<div @click="containerShare">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-share-o"></use>
                </svg>
                <span class="btn-title">分享好友</span>
                <span class="des">各得200优惠券</span>
            </div>-->
            </div>

            <!-- 房东 -->
            <div class="btn-container" style="display: none;" v-show="role.is_landlord==='1'&&ROLE==='1'">
                <div class="btn-group">
                    <div onclick="goPage('landlord_manage_house.html',{
                        bounces:true,
                        data:{
                            back:'1',
                        }
                    })">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-fangwuguanli"></use>
                        </svg>
                        <span class="btn-title">房源管理</span>
                        <span class="des">&nbsp;</span>
                    </div>
                    <div @click="addHouse">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-fabufangyuan"></use>
                        </svg>
                        <span class="btn-title">新增房源</span>
                        <span class="des">上传房源</span>
                    </div>
                    <div onclick="goPage('./settle.html')">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-tongji"></use>
                        </svg>
                        <span class="btn-title">结算统计</span>
                        <span class="des" v-text="'本月收入¥'+landlordInfo.GrossIncome.currentMonthIncome"></span>
                    </div>
                </div>
                <div class="btn-group">
                    <div>
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-shurumima"></use>
                        </svg>
                        <span class="btn-title">密码锁申请</span>
                        <span class="des">敬请期待</span>
                    </div>
                    <div onclick="goPage('yollon_add.html')">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-qian"></use>
                        </svg>
                        <span class="btn-title">收款设置</span>
                        <span class="des" v-text="'默认'+landlordInfo.defaultAccountType"></span>
                    </div>
                    <div onclick="goPage('landlord_steward_apply.html')">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-privatesteward"></use>
                        </svg>
                        <span class="btn-title">我的管家</span>
                        <span class="des" v-cloak>保洁服务</span>
                    </div>
                </div>
                <div class="btn-group">
                    <div onclick="goPage('landlord_guide.html')">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-zhinan1"></use>
                        </svg>
                        <span class="btn-title">房东指南</span>
                        <span class="des">房东必看</span>
                    </div>
                    <div onclick="goPage('my_comment.html',{
                        data:{
                            role:'1'
                        }
                    })">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-dianping1"></use>
                        </svg>
                        <span class="btn-title">点评管理</span>
                        <span class="des"
                              v-text="landlordInfo.comment.commentScore+'分/'+landlordInfo.comment.commentCount+'点评'"></span>
                    </div>
                    <div onclick="contactService()">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-kefu1"></use>
                        </svg>
                        <span class="btn-title">联系客服</span>
                        <span class="des">400-1177178</span>
                    </div>
                </div>
            </div>
        </div>

    </section>

    <!--<div class="become-landlord" v-if="role.is_landlord==='0'" @click="becomeLandlord">
        <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-yonghushengji"></use>
        </svg>
        我想成为房东
    </div>

    <div class="become-landlord" style="display: none;" v-show="role.is_landlord==='1'&&ROLE==='1'"
         @click="switchRole('0')">
        <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-qiehuan"></use>
        </svg>
        切换为房客
    </div>

    <div class="become-landlord" style="display: none;" v-show="role.is_landlord==='1'&&ROLE==='0'"
         @click="switchRole('1')">
        <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-qiehuan"></use>
        </svg>
        切换为房东
    </div>-->

    <section id="container-share" style="display: none" :class="{restore:container.share}">
        <div class="share-group line-transverse">
            <div @click="share('wx')" style="color: #00c400;font-size: 14px">
                <svg class="icon">
                    <use xlink:href="#icon-wechat"></use>
                </svg>
                微信
            </div>
            <div @click="share('qq')" style="color: #1e83d3;font-size: 14px">
                <svg class="icon">
                    <use xlink:href="#icon-qq"></use>
                </svg>
                QQ
            </div>
            <div @click="share('wb')" style="color: orange;font-size: 14px">
                <svg class="icon">
                    <use xlink:href="#icon-weibo"></use>
                </svg>
                微博
            </div>
        </div>
        <div class="cancel" @click="containerShare()">取消</div>
    </section>
</main>
<nav id="tab-nav">
    <a @click="openF('../index.html',1)">
        <svg v-show="!tab1" class="icon" aria-hidden="true">
            <use xlink:href="#icon-find-o"></use>
        </svg>
        <svg v-show="tab1" class="icon active" aria-hidden="true">
            <use xlink:href="#icon-find"></use>
        </svg>
        <span class="tab-label" :class="{active:tab1}">发现</span>
    </a>
    <a @click="openF('./indent.html',2)">
        <svg v-show="!tab2" class="icon" aria-hidden="true">
            <use xlink:href="#icon-order-o"></use>
        </svg>
        <svg v-show="tab2" class="icon active" aria-hidden="true">
            <use xlink:href="#icon-order"></use>
        </svg>
        <span class="tab-label" :class="{active:tab2}">订单</span>
    </a>
    <a @click="openF('./msg.html',3)">
        <svg v-show="!tab3" class="icon" aria-hidden="true">
            <use xlink:href="#icon-message-o"></use>
        </svg>
        <svg v-show="tab3" class="icon active" aria-hidden="true">
            <use xlink:href="#icon-message"></use>
        </svg>
        <span class="tab-label" :class="{active:tab3}">消息</span>
    </a>
    <a @click="openF('./me.html',4)">
        <svg v-show="!tab4" class="icon" aria-hidden="true">
            <use xlink:href="#icon-user-o"></use>
        </svg>
        <svg v-show="tab4" class="icon active" aria-hidden="true">
            <use xlink:href="#icon-user"></use>
        </svg>
        <span class="tab-label" :class="{active:tab4}">我</span>
    </a>
</nav>
<script type="text/javascript" src="../lib/js/babel-polyfill.js"></script>
<script type="text/javascript" src="../lib/js/vue.js"></script>
<script type="text/javascript" src="../lib/js/mui.js"></script>
<script type="text/javascript" src="../lib/js/jquery.js"></script>
<script type="text/javascript" src="../script/util.js"></script>

<script src="../script/me.js"></script>
</body>
</html>